<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 全屏显示-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!-- 不要让设备识别电话号码和邮箱地址-->
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- DNS预解析-->
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link href="/resources/css/common/reset.css" rel="stylesheet">
    <link href="/resources/css/common/common.css" rel="stylesheet">
    <link href="/resources/css/detail/detail.css" rel="stylesheet">
    <link href="/resources/dep/swiper/swiper.min.css" rel="stylesheet">
    <link href="/resources/dep/ECar/mSelect/css/mSelect.css" rel="stylesheet">
    <title></title>
  </head>
  <body>
    <div href="javascript:void(0);" showType="false" class="menu-wapper animated">
      <div class="menu">
        <div class="tag js_index"><i class="menu_icon menu_icon_index"></i><span class="menu_title">首页</span></div>
        <div class="tag js_category"><i class="menu_icon menu_icon_category"></i><span class="menu_title">分类</span></div><a href="javascript:void(0);" class="tag js_cart"><i class="menu_icon menu_icon_cart"></i><span class="menu_title">购物车</span></a><a href="javascript:void(0);" class="tag js_mine"><i class="menu_icon menu_icon_mine"></i><span class="menu_title">我的</span></a>
      </div>
    </div><a href="javascript:void(0);" class="menu-btn js_menu_btn"></a>
    <div class="category">
      <div class="masking"></div>
      <div class="float-tier">
        <div class="comb"><a href="javascript:;" class="main current">汽车服务</a>
          <div class="sub"><a href="javascript:;" class="item">保养</a><a href="javascript:;" class="item">美容</a><a href="javascript:;" class="item">养护</a><a href="javascript:;" class="item">车务</a></div>
        </div>
        <div class="comb"><a href="javascript:;" class="main">电子券</a>
          <div class="sub"><a href="javascript:;" class="item">保养</a><a href="javascript:;" class="item">美容啊</a><a href="javascript:;" class="item">养护</a><a href="javascript:;" class="item">车务车务</a><a href="javascript:;" class="item">养护</a><a href="javascript:;" class="item">车务车务车务车务车务</a><a href="javascript:;" class="item">养护</a><a href="javascript:;" class="item">车务</a></div>
        </div>
        <div class="comb"><a href="javascript:;" class="main">数码、手机、电子</a>
          <div class="sub"><a href="javascript:;" class="item">保养</a><a href="javascript:;" class="item">美容</a></div>
        </div>
        <div class="comb"><a href="javascript:;" class="main">家居、家装</a>
          <div class="sub"><a href="javascript:;" class="item">保养</a><a href="javascript:;" class="item">美容</a></div>
        </div>
        <div class="comb"><a href="javascript:;" class="main">个护化妆、清洁用品</a></div>
        <div class="comb"><a href="javascript:;" class="main">电脑、箱包、办公</a>
          <div class="sub"><a href="javascript:;" class="item">保养</a><a href="javascript:;" class="item">美容</a></div>
        </div>
        <div class="comb"><a href="javascript:;" class="main">厨房用具、水具酒具</a>
          <div class="sub"><a href="javascript:;" class="item">保养</a><a href="javascript:;" class="item">美容</a></div>
        </div>
        <div class="comb"><a href="javascript:;" class="main">小电器、运动户外</a>
          <div class="sub"><a href="javascript:;" class="item">保养</a><a href="javascript:;" class="item">美容</a></div>
        </div>
      </div>
    </div>
    <div class="detail_head">
      <div id="slides" class="goodport">
        <ul class="swiper-wrapper">
          <li class="swiper-slide"><img src="/resources/img/head.jpg"></li>
          <li class="swiper-slide"><img src="/resources/img/head.jpg"></li>
          <li class="swiper-slide"><img src="/resources/img/head.jpg"></li>
        </ul>
        <div class="swiper-pagination swiper-pagination-fraction"></div><i class="return detail_icon"></i><i class="share detail_icon"></i>
      </div>
      <div class="title">
         
        Avene雅漾 无皂基平衡洁肤凝胶 125毫升无皂基平衡洁肤凝胶无皂基平衡洁肤凝胶
      </div>
      <div class="title_explain">
         
        商品卖点or描述
      </div>
      <div class="price"><span class="cash"><span class="cash_num">199</span><em>元</em><em class="add">+</em><span class="point_num">2500</span><em>积分</em></span><span class="market"><em>市场价</em><span class="market_num">345<em>元</em></span></span></div>
      <div class="head_tip"><i class="warm_icon">!</i>此商品除网上支付金额外，到店消费时需额外支付<span class="tip_num">200<em>元</em></span></div>
      <div class="code">商品编码：<span class="code_num">1234567890</span></div>
    </div>
    <div class="promote h_box h_control">
      <div class="pro-con">
        <lable class="pro-tit">促销</lable>
        <div>
          <div class="pro-txt"><span class="tip-text">优惠</span>
            <div class="sale-txt"><span>328大促</span><span>购买1-9,999件时享受优惠</span><span>328大促享受5折</span></div>
          </div>
          <div class="suit flex_pjustify">
            <p><span class="tip-text">优惠套装</span><span>最高省<em>70.00元</em></span></p>
            <p>共12套</p>
          </div>
          <div class="set">
            <div class="set-con">
              <p class="s-one">套餐1 </p>
              <ul class="s-list">
                <li class="s-item"><a href="javascript:;"><img src="/resources/img/pic.jpg" class="pic"></a></li>
                <li class="s-item add"><span>+</span></li>
                <li class="s-item"><a href="javascript:;"><img src="/resources/img/pic.jpg" class="pic"></a></li>
              </ul>
            </div>
            <div class="set-con">
              <p class="s-one">套餐2 </p>
              <ul class="s-list">
                <li class="s-item"><a href="javascript:;"><img src="/resources/img/pic.jpg" class="pic"></a></li>
                <li class="s-item add"><span>+</span></li>
                <li class="s-item"><a href="javascript:;"><img src="/resources/img/pic.jpg" class="pic"></a></li>
              </ul>
            </div>
            <div class="set-con">
              <p class="s-one">套餐3 </p>
              <ul class="s-list">
                <li class="s-item"><a href="javascript:;"><img src="/resources/img/pic.jpg" class="pic"></a></li>
                <li class="s-item add"><span>+</span></li>
                <li class="s-item"><a href="javascript:;"><img src="/resources/img/pic.jpg" class="pic"></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div><i class="float_dot up">                  </i>
    </div>
    <div class="select_block h_control">
      <div class="h_box">
        <label class="flex_1 select_txt">已选</label>
        <div class="flex_1 goodName">Avene雅漾 无皂基平衡洁肤凝胶<span class="goodnum">1</span><em>件</em></div>
      </div>
      <div class="h_box">
        <label class="flex_1">颜色</label>
        <ul class="flex_1"> 
          <li class="select select_active">红色</li>
          <li class="select">蓝色</li>
          <li class="select lose">黄色</li>
        </ul>
      </div>
      <div class="h_box">
        <label class="flex_1">尺寸</label>
        <ul class="flex_1"> 
          <li class="select">XL</li>
        </ul>
      </div>
      <div class="h_box">
        <label class="flex_1">数量</label>
        <div class="btn_number"><a href="javascript:;" data-btn-type="reduce" class="disabled btn_reduce">-</a>
          <input value="1" type="text" maxLength="2" id="good_number" class="good_number"><a href="javascript:;" data-btn-type="add" class="btn_add">+</a>
        </div>
      </div><i class="float_dot up"></i>
    </div>
    <div class="select_block distribution_info">
      <div class="h_box">
        <label class="flex_1">区域</label>
        <div id="selectCity" class="flex_1 pd-r txt-h">全国配送</div>
        <div id="findCity" class="fr">查询信息</div>
      </div>
      <div class="h_box freight">
        <label class="flex_1">服务</label>
        <div class="flex_1 pd-r txt-h"> <em>全国包邮</em>
          <p>由京东发货并提供售后服务。</p>
          <p>订单满99元包邮，低于99元收取每单6元运费。</p>
        </div>
        <div class="fr">查询门店信息</div>
      </div>
      <div class="h_box select_tips">
        <label class="flex_1">提示</label>
        <div class="flex_1">该商品由【京东】提供，售后服务参照京东售后标准，京东客服：400-606-5500</div>
      </div>
    </div>
    <div class="slide"><span class="c-line left"></span><span class="title">向上滑动，查看商品详情</span><span class="c-line right"></span></div>
    <div class="product-detail">
      <ul class="nav-tabs">
        <li class="active">图文详情 </li>
        <li>购买评价</li>
      </ul>
      <div id="swiperContainer" class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide"> 
            <div class="product-detail-one">
              <ul class="dtp-ul">
                <li>
                  <label>CPU品牌</label><span>联发科联发科联发科联发科联发科联发科联发科联发科联发科联发科联发科联发科联发科</span>
                </li>
                <li>
                  <label>CPU品牌</label><span>联发科</span>
                </li>
                <li>
                  <label>CPU品牌</label><span>联发科</span>
                </li>
                <li>
                  <label>CPU品牌</label><span>联发科</span>
                </li>
                <li>
                  <label>CPU品牌</label><span>联发科</span>
                </li>
                <li>
                  <label>CPU品牌</label><span>联发科</span>
                </li>
                <li>
                  <label>CPU品牌</label><span>联发科</span>
                </li>
                <li>
                  <label>CPU品牌</label><span>联发科           </span>
                </li>
              </ul><img src="/resources/img/ban.jpg">
            </div>
          </div>
          <div class="swiper-slide">    
            <div class="product-detail-two">
              <p class="no-evaluate hide">暂无评价，快来抢沙发</p>
              <div class="user flex_pjustify flex_1">
                <p class="avatars"><img src="/resources/img/face.jpg" width="54" height="54" class="user-img">
                  <!--span.user-img-none--><span class="user-name">Deat**</span>
                </p>
                <p class="time">2016-04-03 22:04:26</p>
              </div>
              <div class="evaluate">   
                <p class="evaluate-con">包装严实 发货很快 酸酸甜甜味道不错 希望有效果</p>
                <div class="reply"><span class="reply-tit">车享回复：</span>
                  <p class="reply-text">您好！小米4标配一个充电头，一根安卓通用数据线。将数会有提示。感谢您对车享的支持！祝您购物愉快！ </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="cart"><i class="icon_cart"><span class="cart_num">1</span></i>
      <button class="cart_buy none">立即购买</button>
      <button class="cart_add none">加入购物车</button>
    </div>
    <script src="http://s1.cximg.com/cxlib/assets/js/zepto/zepto-1.1.4.min.js" type="text/javascript"></script>
    <script src="http://s1.cximg.com/cxlib/assets/js/zepto/touch.js"></script>
    <script src="/resources/dep/swiper/swiper.min.js" type="text/javascript"></script>
    <script src="/resources/js/remset.js" type="text/javascript"></script>
    <script src="/resources/dep/ECar/mSelect/mSelect.js"></script>
    <script src="/resources/js/detail.js" type="text/javascript"></script>
  </body>
</html>